<div data-role="page" id="lerngruppen">
    <div data-role="header" data-position="fixed" class="ui-header-fixed slidedown" data-id="headerid">
        <a href="index.html" data-role="button" data-icon="minus" data-theme="a">logout</a>
        <h1>Meine Lerngruppen</h1>

        <!--***********************************to do***********************************-->
        <a href="" data-icon="grid" data-rel="back">ändern</a>

    </div><!-- /header -->
    <div data-role="content">	
        <!--do sth-->
    </div><!-- /content -->	
    <div data-role="footer" class="ui-footer ui-bar-a" data-id="persistentFooter" data-position="fixed" data-tap-toggle="false" data-transition="fade">            
        <div data-role="navbar">
            <ul>
                    <li><a id="footer_navbar_stundenplan" href="stundenplan.html" data-role="button">Stundenplanübersicht</a></li>
                    <li><a id="footer_navbar_lerngruppe" class="ui-btn-active ui-state-persist">Lerngruppen</a></li>
                    <li><a id="footer_navbar_mensa" href="mensa.html" data-role="button">Mensa-Speiseplan</a></li>
            </ul>
        </div><!-- /navbar -->            
    </div><!-- /footer -->
</div>
  
